<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>


<body>

</body>
<div class="header">
    <div class="container">
        <ul>
            <li><a href="#">小米网</a></li>
            <li><a href="#">MIUI</a></li>
            <li><a href="#">米聊</a></li>
            <li><a href="#">游戏</a></li>
            <li><a href="#">多看阅读</a></li>
            <li><a href="#">云服务</a></li>
            <li><a href="#">小米网移动版</a></li>
            <li><a href="#">问题反馈</a></li>
            <li><a href="#">Select Region</a></li>
        </ul>
        <!-- 头部 -->
        <div class="header-right">
            <ul>
                <li><img src="./images/logo.png" alt=""></li>
            </ul>
            <ul>
                <li><img src="./images/new.gif" alt=""></li>
            </ul>
            <ul>
                <li>小米手机</li>
            </ul>
            <ul>
                <li>红米</li>
            </ul>
            <ul>
                <li>平板</li>
            </ul>
            <ul>
                <li>电视</li>
            </ul>
            <ul>
                <li>盒子影音</li>
            </ul>
            <ul>
                <li>路由器</li>
            </ul>
            <ul>
                <li>智能硬件</li>
            </ul>
            <ul>
                <li>服务</li>
            </ul>
            <ul>
                <li>社区</li>
            </ul>
        </div>
        <div class="header-left">
            <div class="leftw">
                <div>
                    <a href="#">手机 平板 电话卡</a>
                    <span class="iconfont icon-xiangyou_fanhui"></span>
                </div>
                <div><a href="#">电视 盒子</a>
                    <span class="iconfont icon-xiangyou_fanhui"></span>
                </div>
                <div><a href="#">路由器 智能硬件</a>
                    <span class="iconfont icon-xiangyou_fanhui"></span>
                </div>
                <div><a href="#">移动电源 插线板</a>
                    <span class="iconfont icon-xiangyou_fanhui"></span>
                </div>
                <div><a href="#">耳机 音箱</a>
                    <span class="iconfont icon-xiangyou_fanhui"></span>
                </div>
                <div><a href="#">电池 存储卡</a>
                    <span class="iconfont icon-xiangyou_fanhui"></span>
                </div>
                <div><a href="#">保护套 后盖</a>
                    <span class="iconfont icon-xiangyou_fanhui"></span>
                </div>
                <div><a href="#">贴膜 其他配件</a>
                    <span class="iconfont icon-xiangyou_fanhui"></span>
                </div>
                <div><a href="#">米兔 服装</a>
                    <span class="iconfont icon-xiangyou_fanhui"></span>
                </div>
                <div><a href="#">箱包 其他周边</a>
                    <span class="iconfont icon-xiangyou_fanhui"></span>
                </div>

            </div>
            <div class="Right">
                <img src="./images/banner.png" alt="">
            </div>
        </div>
        <!-- 四个图片 -->
        <div style="margin-left: -11px;">
            <div class="Price">
                <div>
                    <span>我就是一個空色块</span>
                    <span>一言不合就这么任性</span>
                </div>
                <div><img src="./images/pro1.png" alt=""></div>
                <div>
                    <img src="./images/pro2.png" alt="">
                </div>
                <div><img src="./images/pro3.png" alt=""></div>
            </div>
        </div>
        <!-- 智能硬件 -->
        <div class="Control">
            <div>智能硬件</div>
            <div><a href="#"> 查看全部</a></div>
        </div>
        <div class="Kilometer">
            <div class="Kilometer-lfet"><img style="height: 744px;" src="./images/girl.jpg" alt=""></div>
            <div class="Kilometer-roign">
                <div class="container">
                    <h1 class="container1">免邮费</h1>
                    <img style="width: 130px; height: 130px;margin-top: 21px;" src="./images/d1.jpg" alt="小米路由器3图片">
                    <p style="margin-top: 26px;">小米路由器3</p>
                    <p style="font-size: 14px;margin-top: -19px;">四天线设计，更安全更稳定</p>
                    <p style="color: #ff8f5a;" class="price12">149元</p>
                </div>
                <div>2</div>
                <div>3</div>
                <div>4</div>
                <div>5</div>
                <div>6</div>
                <div>7</div>
                <div>8</div>

            </div>

        </div>

    </div>
    <!-- 帮助 -->

    <div class="left12">
        <div class="left12-lf">
            <dl>
                <dt>购物指南</dt>
                <dd><a href="#">购物流程</a></dd>
                <dd><a href="#">支付方式</a></dd>
                <dd><a href="#">售后规则</a></dd>
            </dl>
            <dl>
                <dt>配送方式</dt>
                <dd><a href="#">配送运费</a></dd>
                <dd><a href="#">配送范围</a></dd>
                <dd><a href="#">配送时间</a></dd>
            </dl>
            <dl>
                <dt>关于我们</dt>
                <dd><a href="#">平台规则</a></dd>
                <dd><a href="#">联系我们</a></dd>
                <dd><a href="#">问题反馈</a></dd>
            </dl>
            <dl>
                <dt>售后服务</dt>
                <dd><a href="#">售后政策</a></dd>
                <dd><a href="#">退款说明</a></dd>
                <dd><a href="#">取消订单</a></dd>
            </dl>
            <dl>
                <dt>服务热线</dt>
                <dd><a href="#">在线客服<span class="iconfont icon-customer-service"></span></a></dd>
                <dd><a href="#">客服电话 400-0000-000</a></dd>
                <dd><a href="#">工作时间 周一至周日 8:00-18:00</a></dd>
            </dl>
        </div>
        <div class="left12-roig">
            <div>400-100-5678</div>
            <div>周一至周日 8:00-18:00</div>
            <div>客服邮箱 123456@qq.com</div>
        </div>
    </div>
    <!-- 底部 -->
    <div>
        <div class="callingCards">
            <div class="callingCards-left"><img style="width: 80px;height: 80px;" src="./images/logo.png" alt=""></div>
            <div style="line-height: 27px; margin-left: 10px;">
                <div>
                    <ul>
                        <li><a href="#">小米网</a></li>
                        <li><a href="#">MIUI</a></li>
                        <li><a href="#">米聊</a></li>
                        <li><a href="#">游戏</a></li>
                        <li><a href="#">多看阅读</a></li>
                        <li><a href="#">云服务</a></li>
                        <li><a href="#">小米网移动版</a></li>
                        <li><a href="#">问题反馈</a></li>
                        <li><a href="#">Select Region</a></li>
                    </ul>
                </div>
                <div>mi.com 京ICP证110507号 京ICP备10046444号 京公网安备11010802020134号 京网文[2014]0059-0009号 </div>
                <div>违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                </div>
            </div>
        </div>
        <div style="margin: 0 auto; width: 255px;">
            <img src="./images/bottom.png" alt="">
        </div>
    </div>

</div>

</html>